<template>
  <Layout>
    <LayoutHeader></LayoutHeader>
    <Layout>
      <LayoutSidler />
      <Layout>
        <div>
          <router-view />
        </div>
        <LayoutFooter />
      </Layout>
    </Layout>
  </Layout>
</template>

<!-- <template>
  <a-layout>
    <a-layout-header>Header</a-layout-header>
    <a-layout-content>
      
      <router-view></router-view>
    </a-layout-content>
    <a-layout-footer>Footer</a-layout-footer>
  </a-layout>
</template> -->
<script setup lang="ts">
import { Layout } from "ant-design-vue";
import LayoutHeader from "./header/index.vue";
import LayoutFooter from "./footer/index.vue";
import LayoutSidler from "./sider/index.vue";
import LayoutContent from "./content/index.vue";
</script>
<style></style>
